import dayjs from '../../../miniprogram_npm/dayjs/index'
Page({
  data: {
    houseId: '',//选择房屋Id
    //姓名：
    name: '',
    //性别：
    gender: 1,
    //手机号
    mobile: '',
    //时间
    visitDate: '',
    //控制选择房屋弹层显示隐藏
    dateLayerVisible: false,
    //控制选择房屋弹层显示隐藏
    houseLayerVisible: false,
    houseList: [
      { name: '北京西三旗花园1号楼 101' },
    ],
    //访问时间
    minDate: Date.now(),
    maxDate: dayjs().add(2, 'day').valueOf(),
    currentDate: Date.now(),//当前时间作为默认时间
    //选择的房屋信息
    selectHouseList: ''
  },
  //选择房屋
  selectHouse(e) {
    console.log(e.detail);
    this.setData({
      houseId: e.detail.id,//提交表单要使用
      selectHouseList: e.detail.name
    })
  },

  //选择日期
  selectDate(e) {
    // console.log(e);
    this.setData({
      visitDate: wx.utils.formaTime(e.detail),
      dateLayerVisible: false
    })
  },
  //打开房屋选择
  async openHouseLayer() {
    // console.log('点击选择保修房屋');
    const res = await wx.http.get('/house')
    this.setData({
      houseList: res.data
    })
    this.setData({ houseLayerVisible: true })
  },
  //关闭房屋选择
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  //打开访客时间
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  //关闭访客时间
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  //点击确定
  async goPassport() {
    //1.获取数据并校验
    const { name, mobile, houseId, visitDate, gender } = this.data
    if (!houseId) return wx.utils.message('请选择房屋信息')
    if (!/^[\u4e00-\u9fa5]{2,5}$/.test(name)) return wx.utils.message('请填写中文名字')
    if (!/^[1][3-8][0-9]{9}$/.test(mobile)) return wx.utils.message('请填写正确的手机号')
    if (!visitDate) return wx.utils.message('请选择访问日期')

    //2.发送请求,调用接口
    const res = await wx.http.post('/visitor', { houseId, name, gender, mobile, visitDate })
    // console.log(res);

    //3.跳转访客详情页面
    wx.navigateTo({
      url: `/visitor_pkg/pages/passport/index?id=${res.data.id}`,
    })
  },
})
